<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>我的Agent</title>
<link rel="icon" href="favicon.ico" type="image/ico">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="yinqi">
<link href="__STATIC__/admin/css/bootstrap.min.css" rel="stylesheet">
<link href="__STATIC__/admin/css/materialdesignicons.min.css" rel="stylesheet">
<link href="__STATIC__/admin/css/style.min.css" rel="stylesheet">
<link href="__STATIC__/admin/css/login.css" rel="stylesheet">

<!--tags插件css-->
<link type="text/css" rel="stylesheet" href="__STATIC__/admin/js/jquery-tagsinput/jquery.tagsinput.min.css">
<!--上传插件css-->
<link type="text/css" rel="stylesheet" href="__STATIC__/admin/js/webuploader/webuploader.css">
<!--灯箱效果插件css-->
<link type="text/css" rel="stylesheet" href="__STATIC__/admin/js/magnific-popup/magnific-popup.min.css">
<link rel="stylesheet" type="text/css" href="__STATIC__/admin/css/animate.min.css">
<!--引入下拉插件css-->
<!-- <link rel="stylesheet" type="text/css" href="__STATIC__/admin/js/bootstrap-select/bootstrap-select.min.css"> -->
<link href="__STATIC__/common/select2/select2.css" rel="stylesheet">
<!--日期选择器css-->
<link rel="stylesheet" type="text/css" href="__STATIC__/admin/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
<!--时间日期选择器css-->
<link rel="stylesheet" type="text/css" href="__STATIC__/admin/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
<link rel="stylesheet" type="text/css" href="__STATIC__/admin/css/style.min.css">

<link rel="stylesheet" type="text/css" href="__STATIC__/admin/css/style.min.css">
<link rel="stylesheet" type="text/css" href="__STATIC__/common/cch.css">

<style>
  .form-label {margin-bottom: 3px;}
</style>
</head>
  
<body>
<div class="lyear-wrapper" style="background-image: url(__STATIC__/admin/images/login-bg.jpg); background-size: cover;">
  <div class="lyear-login">
    <div class="login-center" style="max-width: 800px;min-width: 300px;width: 60%;">

      <div class="login-header text-center">
        <a href="javascript:void(0)"> <img alt="light year admin" src="__UPLOAD__/{:$configs['WX_SYSTEM_LOGO']}" style="max-width: 100px;"> </a>
      </div>
      <div class="col-md-12">
        <img src="__UPLOAD__/{:$data['image']}" class="cch_thumbnail" style="max-height: 100px;float: left;margin-right: 10px;"/>
        <p class="form-label">名 称：<span style="color:#8c8686;">{:$data['name']}</span> <a href="{:url('edit')}" class="btn btn-primary " style="float: right;"><i class="mdi mdi-pencil"></i> 编辑信息</a></p>
        <p class="form-label">简 介：<span style="color:#8c8686;">{:$data['description']}</span></p>
        <p class="form-label">欢迎语：<span style="color:#8c8686;">{:emptyDef($data['greet'],'暂无')}</span></p>
      </div>
      

      <div style="clear: both;"></div>

      <div class="mb-3 col-md-12" style="margin-top: 20px;">
        <div class="input-group mb-3">
          <span class="input-group-text">访问链接</span>
          <input type="text" class="form-control" value="{:url('agent/agent/index',['id'=>$data['id']],'',true)}" style="background-color: #fff;" readonly>
          <button class="btn btn-success copy_btn" type="button" data-clipboard-text="{:url('agent/agent/index',['id'=>$data['id']],'',true)}">复制</button>
        </div>
        <div class="input-group mb-3">
          <span class="input-group-text">脚本引入(跳转)</span>
          <input type="text" class="form-control" value='<script>const deyun_agent_id={:$data["id"]};</script><script src="https://falv.biaocloud.cn/static/agent.js"></script>'   style="background-color: #fff;" readonly>
          <button class="btn btn-success copy_btn" type="button" data-clipboard-text='<script>const deyun_agent_id={:$data["id"]};</script><script src="https://falv.biaocloud.cn/static/agent.js"></script>'>复制</button>
        </div>
        <div class="input-group mb-3">
          <span class="input-group-text">脚本引入(内嵌)</span>
          <input type="text" class="form-control" value='<script>const deyun_agent_id={:$data["id"]};</script><script src="https://falv.biaocloud.cn/static/agent_iframe.js"></script>'   style="background-color: #fff;" readonly>
          <button class="btn btn-success copy_btn" type="button" data-clipboard-text='<script>const deyun_agent_id={:$data["id"]};</script><script src="https://falv.biaocloud.cn/static/agent_iframe.js"></script>'>复制</button>
        </div>

        <a href="{:url('index')}" target="_blank" class="btn btn-success"><i class="mdi mdi-message-processing-outline"></i> 聊天记录</a>
        <a href="{:url('form')}" target="_blank" class="btn btn-yellow"><i class="mdi mdi-card-account-details"></i> 联系信息</a>
        <a href="{:url('gongzhong')}" target="_blank" class="btn btn-info"><i class="mdi mdi-send"></i> 公众号推送配置</a>
        
      </div>

   
      <hr>
      <footer class="col-sm-12 text-center">
        <p class="m-b-0">Copyright © 2021 <a href="#">{:$configs['SYSTEM_NAME']}</a>. All right reserved</p>
      </footer>
    </div>
  </div>
</div>
<script type="text/javascript" src="__STATIC__/admin/js/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/admin/js/bootstrap.min.js"></script>
<!--tags插件-->
<script type="text/javascript" src="__STATIC__/admin/js/jquery-tagsinput/jquery.tagsinput.min.js"></script>
<!--上传插件-->
<script type="text/javascript" src="__STATIC__/admin/js/webuploader/webuploader.js"></script>
<!--灯箱效果插件-->
<script type="text/javascript" src="__STATIC__/admin/js/magnific-popup/magnific-popup.min.js"></script>
<!--通知消息插件-->
<script type="text/javascript" src="__STATIC__/admin/js/bootstrap-notify.min.js"></script>
<script type="text/javascript" src="__STATIC__/admin/js/main.min.js"></script>
<!--引入下拉插件js-->
<!-- <script type="text/javascript" src="__STATIC__/admin/js/bootstrap-select/bootstrap-select.min.js"></script> -->
<script src="__STATIC__/common/select2/select2.min.js"></script>
<!--省市选择-->
<script type="text/javascript" src="__STATIC__/common/distpicker/distpicker.data.js"></script>
<script type="text/javascript" src="__STATIC__/common/distpicker/distpicker.js"></script>
<!-- 百度编辑器 -->
<script type="text/javascript" src="__STATIC__/common/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/common/ueditor/ueditor.all.js"></script>
<!--日期选择器js-->
<script type="text/javascript" src="__STATIC__/admin/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="__STATIC__/admin/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!--时间日期选择器js-->
<script type="text/javascript" src="__STATIC__/admin/js/momentjs/moment.min.js"></script>
<script type="text/javascript" src="__STATIC__/admin/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="__STATIC__/admin/js/momentjs/locale/zh-cn.min.js"></script>

<script type="text/javascript" src="__STATIC__/common/clipboard.min.js"></script>
<!--自定义扩展-->
<script type="text/javascript" src="__STATIC__/common/cch.js"></script>
<script type="text/javascript" src="__STATIC__/common/cch-util.js"></script>
<script type="text/javascript">
  var static_path = '__STATIC__';
  var upload_path = '__UPLOAD__';
  var upload_type = 'admin';
</script>

<script type="text/javascript">
    $(function(){
      var clipboard = new ClipboardJS('.copy_btn'); //先实例化
      clipboard.on('success', function(e) {
          cchUtil.message('复制成功');
          e.clearSelection();
      });
      clipboard.on('error', function(e) {
          alert('复制失败'); // 复制失败的事件
      });
    })

</script>
</body>
</html>